<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>最好的动漫视频网站 | Z-anime</title>
 <link rel="stylesheet" href="../public/css/index/index.css">
 <link rel="stylesheet" href="../public/css/game/head.css">
 <link rel="stylesheet" href="../public/css/animeInfo/index.css">
 <!--站点图标-->
 <link rel="shortcut icon" href="../public/img/index/logo/logo.ico" type="image/x-icon">
</head>
<body>
 <!--头部-->
 <header id="z_head">
   <div class="head">
       <div class="center">
           <ul id="headUl">
               
           </ul>
           
           <div class="searchInputArea">
            <div class="search_C">
              <input v-model="key" type="search" class="searchInput" placeholder="搜索关键词" @keyup.enter="toSearch">
              <img @click="toSearch" src="../public/img/index/other/search.png">
            </div>
          </div>
           <img class="logo" src="../public/img/index/logo/logo.png" alt="">
       </div>

   </div>
</header>
<!--头部-->


<!--主体-->
<div id="animeInfo_C">
 <!--头部简介-->
 <div id="animeInfo" >
  <div id="imgBg" :style="{ background:`url(${animeInfo.imgSrc_F}) center center no-repeat` }"></div>  
  <div class="main">
    <!--路由链接-->  
    <div class="url">
    <span id="indexUrl" @click="toIndexClick">Z-anime</span> > 
    <span id="animeUrl" @click="toAnimeClick">番剧</span> >
    <span class="urlTitle"></span>
    </div>
    <!--封面-->
    <div class="imgDiv">
    <div class="imgCotainer">
        <img :src="animeInfo.imgSrc_F" alt="">   
    </div>   
    </div>
    <!--简介-->
    <div class="infoDiv">
    <div class="tt">
        <!--标题--> 
        <div class="title"></div>
        <div class="tags">
            
        </div>
    </div>
    <div class="zValue"></div>

    <div class="content"></div>
     <div class="bottonGroup">         
      <span @click="toPlayClick">
        <img src="./public/img/index/other/play.png " alt="">播放
      </span> 
     </div>
    </div>   
  </div>  
 </div>
 <!--头部简介-->

 <!--集数-->
 <div class="episodes_C">
   <div class="main">
     <!--切换按钮--> 
     <div class="menu">
       <span :class="spanClass1" @click="switchClick1">在线</span>
       <span :class="spanClass2" @click="switchClick2">下载</span>  
     </div>

     <!--在线观看-->
     <div class="online">      
             
     </div>
     <!--下载-->
     <div class="download hide">      
      <a :href="panUrl" target="_blank">
        <span class="pan">百度网盘</span>
      </a> 
    </div>

   </div>
 </div>
 <!--集数-->



</div>

<!--主体-->


<script src="../public/js/jquery-1.12.4.min.js"></script>
<script src="../public/js/vue.min.js"></script>
<script src="../public/js/vue-resource.min.js"></script>
<script src="../public/js/common.js"></script>
<script src="../public/js/index/head.js"></script>
<script src="../public/js/animeInfo/animeInfo.js"></script>
</body>
</html>